順應「感覺」，但不要放掉結構
"There's a new kind of coding I call vibe coding, where you fully give in to the vibes, embrace exponentials, and forget that the code even exists."
- Andrej Karpathy, OpenAI 2025這門課的重點不是「少思考」，而是把人的注意力從 syntax 轉回 intent，再用 VIBE × TICOE 把想法鎖進可執行的結構裡。
用 VIBE 為 AI 設定角色、語氣、互動方式與期待成果，先把方向校正。
用 TICOE 指定任務、輸入、限制、輸出與驗收標準，讓生成結果更穩定。
把 AI 產出的 Prompt、Agent spec 與單檔 HTML 工具帶回工作場景直接使用。
先把「我要什麼」拆成角色、目標、輸出期待，降低 AI 回覆太泛的機率。
讓 AI 不只回答問題，而是依照結構完成規劃、整理、生成與自我檢查。
從自然語言直接長出單檔 HTML demo，快速驗證想法是否值得往下做。
傳統程式開發
- 需精通語法與邏輯
- 人為除錯與測試，耗時長
- 受限於技術框架，創意難發揮
- 學習曲線高陡，門檻高
Vibe Coding 氛圍開發
- 自然語言指令，想法即程式
- AI 即時修正錯誤，快速迭代
- 專注實現想法，非工程師也可上手
- 快速完成重複性工作與樣板
雙層框架：從隨機對話到戰略落地
議題層 (Issues Layer)
對應 VIBE 框架 (WHY)
定義角色、意圖與商業價值
邏輯層 (Logic Layer)
對應 TICOE 框架 (HOW)
結構化執行流程與評估標準
AI 結論層
由 AI 產出
可衡量的商業價值與成果
先把 WHY 講清楚，再把 HOW 設計完整，最後才讓 AI 生成 WHAT。這個順序會明顯降低「看起來很厲害但其實不能用」的內容。
啟動 AI 協作引擎
為了體驗 Vibe Coding 的實戰演練，請設定您的 AI 金鑰。您的金鑰僅儲存於本地瀏覽器，不會上傳至任何伺服器。
儲存後即可在本頁所有 AI 實作區塊中直接呼叫模型。
還沒有金鑰？前往獲取：
VIBE 框架：定義戰略意圖 (WHY)
VIBE 框架確保 AI 的應用始終與商業目標對齊，從源頭建立戰略思維，將隨機零散的對話轉化為有紀律、有目標的生產力活動。
沒有先定義角色、語氣與成果，AI 很容易輸出看似完整、實際卻與商業場景不對位的內容。
先讓 AI 知道要像誰、用什麼方式說、成功長什麼樣子，後面的 TICOE 與程式生成會穩很多。
Viewpoint (觀點/角色)
定義 AI 扮演的專家角色與立場。
例：資深半導體分析師
Intention (意圖/語氣)
設定溝通風格與語氣。
例：客觀、數據驅動、開門見山
Behavior (行為/職責)
核心行為模式與執行邊界。
例：先給比較表，再列總結
Expectation (期望/成果)
期望的商業成果與輸出形式。
例：可互動的 HTML 儀表板
VIBE 概念測驗
1. VIBE 框架主要解決的是什麼層次的問題？
2. VIBE 框架中的 'I' (Intention) 主要用來設定 AI 的什麼屬性？
AI 實戰：VIBE 指令產生器
輸入一個模糊的商業需求，讓 AI 幫你轉化為專業的 VIBE 結構化 Prompt。
TICOE 框架：精準執行邏輯 (HOW)
TICOE 框架提供嚴謹的邏輯結構，將抽象的戰略轉化為具體可執行的指令。它是可供審計的決策路徑記錄。
而是把任務拆到 AI 不會誤解的程度，並且讓人可以回頭檢查每個輸入與限制是不是合理。
Evaluation 會讓 AI 產出的內容不只漂亮，而是真的符合格式、品質與商業驗收條件。
| 元素 | 中文 | 定義與關鍵功能 |
|---|---|---|
| T | Task (任務) | 清晰定義具體任務，使用精準動詞 (如：剖析、歸納、推演)。 |
| I | Input (輸入) | 提供任務所需的背景資料、數據或參考文件。 |
| C | Constraint (限制) | 設定邊界條件 (如：時間範圍、特定市場、字數限制)。 |
| O | Output (產出) | 指定格式與結構 (如：JSON, Markdown 表格, HTML)。 |
| E | Evaluation (評估) | 明確的驗收標準 (如：SMART 原則、邏輯完整性)。 |
TICOE 概念測驗
1. 在 TICOE 框架中，如果希望 AI 輸出的內容能符合特定的格式（例如 HTML 表格），應該在那個環節設定？
2. TICOE 框架中的 'C' (Constraint) 是用來設定什麼？
AI 實戰：TICOE 任務細化器
輸入一個具體的執行任務，讓 AI 幫你補充完整的 TICOE 細節，確保執行無誤，請盡量使用前面 VIBE 輸出當輸入也可另外新題目直接要求 TICOE 細節。
從 Vibe Coding 到 Agentic AI
什麼是 Agentic AI?
生成式 AI (Generative AI) 專注於生成內容，而 Agentic AI (代理式 AI) 則專注於執行任務。它能自主規劃、使用工具 (API, 瀏覽器)、並採取一系列行動來達成複雜目標。
先描述這個 App 給誰用、使用者要完成什麼、畫面應該帶來什麼感受。
若有資料欄位、互動邏輯、輸出格式與限制條件，先用 TICOE 補齊，成功率會更高。
讓 AI 一次交付完整程式碼，再用複製與下載功能把 demo 拿去測試與迭代。
Vibe Coding 實戰案例：抽獎轉盤
還記得案例嗎？我們不需要寫任何一行 HTML 或 JavaScript，只需要告訴 AI 我們的「氛圍」與「期望」。
Vibe Coding 模擬器：用自然語言寫 App
請在下方描述你想開發的簡單網頁應用 (例如：一個番茄鐘、一個匯率換算器)，最好用前面產生的TICOE產出當作輸入，AI 將為你直接生成程式碼。
X 熱門：10 Mega Prompts 場景
選一個情境場景 → 填入你的部門背景 → 取得可直接貼入 AI 工具的完整 Prompt。
1) Ultimate Financial Research
Finance- 財報、估值、護城河研究
- 輸出結論與假設清單
2) News System & Sourcing
Intel- 建立持續更新的情報簡報
- 過濾噪音與判讀風向
3) Chief of Staff
Ops- 整合工具產出晨報/週報
- 任務對齊長期目標
4) Career Strategist
HR- 履歷與作品集優化
- 檢視職涯里程碑
5) Health & Fitness
Personal- 睡眠、飲食、運動計畫
- 依條件動態調整
6) Ultimate Vibe Coder
Dev- 扮演資深工程師副駕
- 先釐清需求，再產出程式碼
7) Business Strategist
Strategy- 釐清商業問題與競品
- 建立 90 天行動路線圖
8) Copy & Marketing Expert
Marketing- 挖掘痛點與定位
- 產出轉換型文案
9) Visualization
Design- 把想法轉成可視化結構
- 產出 FigJam/Notion 圖稿
10) Ultimate Tutor & Learning Copilot
L&D- 診斷程度與學習路線
- 用回饋加速掌握
AI 生成器
① 點上方卡片自動填入範例情境 → ② 可修改下方背景資料（也可留空直接生成） → ③ 點「AI 生成 Prompt」，取得可立即貼用的完整 Prompt。
結論與資源下載
Vibe Coding 課程總結心智圖
點擊圖片可查看高解析度原圖
點擊圖片可查看高解析度原圖
課程核心回顧
- 黃金圈法則：從 WHY (Vibe) 開始，再到 HOW (Ticoe)，最後產出 WHAT。
- 認知債務：避免過度依賴 AI 導致大腦退化，應保持「共思」而非單純「外包」。
- 組織轉型：Vibe Coding 不只是個人技巧，更是企業導入 AI 文化的核心戰略。
下一步行動
- 練習 VIBE/TICOE：工作中練習用框架與 AI 對話。
- 參與黑客松 (BYOP)：帶著業務問題 (Bring Your Own Problem) 進行實戰。
- 成為 AI 冠軍：組織內分享成功案例，推動數位轉型。
SKILL.md — VIBE × TICOE 技能卡片
AI Agent Ready將 VIBE × TICOE 框架載入任何 AI 工具，讓 AI 自動以雙層方法論協助你。 選擇以下任一方式使用：
點「複製 System Prompt」→ 貼到 Gemini / ChatGPT / Claude 對話框最前面，AI 立即進入 VIBE × TICOE 模式。
ChatGPT → Custom Instructions
Claude → Project 設定
Gemini → Gem 指令欄
貼上後每次對話自動啟用。
下載 SKILL.md → 直接拖入 AI 對話框，並說「請依此 SKILL.md 協助我應用 VIBE × TICOE」。
Cliff Wang, Ph.D. | Copy Right 2026